<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>使命召唤，速来汇合！</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
		<link rel="stylesheet" href="/css/font.css" />
		<link rel="stylesheet" href="/css/antime.css" />
		<link rel="stylesheet" href="/css/css.css" />
		<script type="text/javascript" charset="utf-8" src="js/jquery.min.js" ></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script type="text/javascript" charset="utf-8" src="/js/js.js" ></script>
		<script src="http://api.weixinzjit.com/api/www/js/wx_jsapi_v_1.0.js"></script>

	</head>
	<body unselectable="on" onselectstart="return false;" style="-moz-user-select:none;">
		<audio  id="bg_mp3" src="img/bg.mp3"  ></audio>
		<div class="bg">
			<div class="loading">
				<div class="recor">
					<div class="car"></div>
					<div class="car1"></div>

				</div>
				<p>
					任务传递中...<br>
					摩拳擦掌...<br>
					预备...<br>
					GO...<b>_</b>
				</p>
			</div>
			<div class="sex">
				<div class="sexl man" db="1"></div>
				<div class="sexl ms" db="2"></div>
				<p class="font">
					我们需要验明性别
					<br/>
					请选择
				</p>
			</div>
		</div>

		<div class="fj">
			<div class="bg1" style="background-size: 100% 100%;">
				<div class="tv_x"></div>
			</div>
			<div class="bg2">
				<p class="font1">
					贝克街221B是你的根据地
					<br/>
					声线是你的识别标志
					<br/>
					下一个柯南道尔是你么？
					<br/>
					<br/>
					<br/>
					.
					<br/>
					.
					<br/>
					.
					<br/>
					暗号识别
					<br/>
					现在开始
					<br/>
					.
					<br/>
					.
					<br/>
					.
					<br/>
				</p>
			</div>
		</div>

		<div class="tv">
			<audio  id="an" src="img/an.mp3"  ></audio>
			<audio  id="hao" src="img/hao.mp3"  ></audio>
			<div class="tv_d"></div>
			<div class="cd">
				<div class="quan"></div>
			</div>
			<p class="font4" style="top: 85%;">
				X特工，你好，我想你敏锐的嗅觉，已经察觉到了异样，
				<br/>
				是时候回归了。这是给你的接头暗号，请务必牢记！
				<br/>
				
			</p>
			<p  class="font5">
				
			</p>
			<p  class="font6">
				请点击听取接头暗号
			</p>
			<p  class="ffff">
				Realise Your British Lifestyle
				<br/>
				巴适滴板!
			</p>
		</div>

		<audio   id="audio"></audio>

		<div class="hw" >
			<div class="hw_bg">
				<p class="font3"></p>
			</div>
			<div class="bg3">
				<p class="font2">
					点击录音键说出暗号
					<br/>
					若忘记可点击耳机
					<br/>
					温习下最纯正的口音
				</p>

			</div>
			<div class="button"></div>

			<div class="record" id="record" ></div>
			<div class="rfont"></div>
		</div>

		<div class="score">
			<div class="se_bg"></div>
			<p class="fen">
				100分
			</p>
			<p class="con"></p>
			<div class="go"></div>
			<div class="again"></div>

			<div class="Audition"></div>
			<p class="ccc Auditionp">点击录音带，听自己的声音</p>
		
			
		</div>

		<div class="gif">
			<div class="car_go">
				<div class="c lun1"></div>
				<div class="c lun2"></div>
				<div class="c lun3"></div>
				<div class="c lun4"></div>
			</div>
		</div>

		<div class="car_show">
			<div class="logo"></div>
			<div class="logo1"></div>
			<p class="font7">
				2016年捷豹路虎中国与奇瑞捷豹路虎
				<br/>
				成都车展新闻发布会
				<br/>

				9月2日  9:30 - 10:00
				<br/>
				成都世纪城新国际会展中心 7号展馆
				<br/>
				我们不见不散！
			</p>
			<div class="caca">
				<div class="lun5"></div>
			</div>
			<div class="xianshi"></div>
			<div class="fx"></div>

			<div id="fx">
				<div class="qiang"></div>
				<div class="zidan"></div>
			</div>
		</div>
	</body>

	<script type="text/javascript">$(function() {
	document.addEventListener('touchstart', function(e) {
		e.preventDefault();
		return false;
	});
	$(".loading p").autotype();
	var imgs = [
		'bg.jpg',
		'bg.png',
		'bg2.jpg',
		'bg3.gif',
		'button.png',
		'c_lun.png',
		'caca.png',
		'can_bg.jpg',
		'car_1.png',
		'car_show.jpg',
		'car1.png',
		'car2.png',
		'cd_up.png',
		'cd.png',
		'fx.jpg',
		'fx.png',
		'fx_bg.jpg',
		'fxx_2.png',
		'fxx_4.png',
		'hw_bg.jpg',
		'hw_bg1.png',
		'hw_bg2.png',
		'hw_bg3.png',
		'hw_bg4.png',
		'logo.png',
		'logo1.png',
		'qian.png',
		'recor.png',
		'record.png',
		'rfont.png',
		'se_1.png',
		'se_2.png',
		'se_22.png',
		'se_3.png',
		'se_4.png',
		'se_5.png',
		'tv_a.jpg',
		'tv.gif',
		'tvbg.jpg',
		'zd.png'
	];
	var c = 0;
	var t = imgs.length;
	for(var im in imgs) {
		var timg = new Image();
		timg.onload = function() {
			c++;
			var per = parseInt(100 * c / t);
			if(per == 100) {

				bieng();

			}
		}
		timg.src = "/img/" + imgs[im]; //+'?t='+new Date().getMilliseconds();

	}
});

var ApiList = [
	'startRecord', //录音
	'stopRecord', //停止录音
	'onVoiceRecordEnd', //60s
	'uploadVoice', //上传
	'translateVoice', //智能接口
	'downloadVoice', //下载
	'onVoicePlayEnd', //播放完毕
	'playVoice', //播放
	'onMenuShareTimeline',
	'onMenuShareAppMessage',
	'onMenuShareQQ',
	'onMenuShareWeibo',
	'onMenuShareQZone'
];

var CallbackList = function() {

	function txt(id) {
		$('.font3').text("请耐心等待，正在识别中...");
		wx.translateVoice({
			localId: id, // 需要识别的音频的本地Id，由录音相关接口获得
			isShowProgressTips: 1, // 默认为1，显示进度提示
			success: function(res) {
				$txt = res.translateResult; // 语音识别的结果
				if($txt.length >20) {
					$('.font3').text("请再说一遍。");
					return false;
				}
				if($txt == "" && $txt == "undefined") {
					$('.font3').text("未能识别... ");
				} else {
					$('.hw').hide();
					if($txt.length < 5) {
						var num = GetRandomNum(20, 60);
					}
					if($txt.length >= 5) {
						var num = GetRandomNum(60, 100);
					}

					$fen = num + "分";
					$('.fen').text($fen);
					if(num < 60) {
						
						$('.go').hide();
						$(".con").css({
							"background": "url(../img/se_22.png) no-repeat",
							"background-size": "100% 100%"
						});

					} else {
						fx(num);
						$('.go').show();
						$(".con").css({
							"background": "url(../img/se_2.png) no-repeat",
							"background-size": "100% 100%"
						})
					}

					$('.score').show();
					seoc();

				}
			},
			fail: function(res) {
				$('.font3').text("未能识别,请再说一遍。");

			}
		});
	}

	function up(id) {
		wx.uploadVoice({
			localId: id, // 需要上传的音频的本地ID，由stopRecord接口获得
			isShowProgressTips: 1, // 默认为1，显示进度提示
			success: function(res) {
				var serverId = res.serverId; // 返回音频的服务器端ID
				fx(serverId);
			}
		});
	}

	wx.onVoiceRecordEnd({
		// 录音时间超过一分钟没有停止的时候会执行 complete 回调
		complete: function(res) {
			var locationid = res.localId;
			$upid = up(locationid);
			$txt = txt(locationid);

		}
	});

	$('#record').bind('touchstart', function(ev) {
		$('.font3').show();
		$('.font3').text("录音中... ");
		wx.startRecord();
	}).bind('touchend', function() {
		wx.stopRecord({
			success: function(res) {
				var locationid = res.localId;
				$('.font3').text("处理中... ");
				up(locationid);
				txt(locationid);
				paly(locationid);
			},
			fail: function(res) {
				$('.font3').text("请再说一遍 ");
			}

		});
	});

	function paly(id) {
		$('.Audition').bind('touchstart', function(ev) {
			document.getElementById('bg_mp3').pause();
			wx.playVoice({
				localId: id // 需要播放的音频的本地ID，由stopRecord接口获得
				
			});
			sotee();
		})	
			

	}
	function sotee(){
		wx.onVoicePlayEnd({
			 success: function (res) {
		      setTimeout(function() {
		       document.getElementById('bg_mp3').play();
		       }, 3000);
		    }
		
		});
	}
	
	fx();

	function fx(num) {
			if(num>=60){
		var t = '使命召唤，速来汇合！';
		var s = '我以'+num+'分成功通关捷豹和路虎神秘使命，现分享接头暗号召唤同伴！';
		var u = 'http://jaguarvoice.weixinzjit.com/fx.php';
		var i = 'http://jaguarvoice.weixinzjit.com/img/fx.jpg';
				
			}else{
		var t = '使命召唤，速来汇合！';
		var s = '你有一封来自特工朋友发来的接头暗号，请查收！';
		var u = 'http://jaguarvoice.weixinzjit.com/fx.php';
		var i = 'http://jaguarvoice.weixinzjit.com/img/fx.jpg';
		}
		wx.onMenuShareTimeline({
			title: s, // 分享标题
			link: u, // 分享链接
			imgUrl: i, // 分享图标
			success: function() {
				// 用户确认分享后执行的回调函数
			},
			cancel: function() {
				// 用户取消分享后执行的回调函数
			}
		});
		wx.onMenuShareAppMessage({
			title: t, // 分享标题
			desc: s, // 分享描述
			link: u, // 分享链接
			imgUrl: i, // 分享图标
			type: '', // 分享类型,music、video或link，不填默认为link
			dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
			success: function() {
				// 用户确认分享后执行的回调函数
			},
			cancel: function() {
				// 用户取消分享后执行的回调函数
			}
		});

		wx.onMenuShareQQ({
			title: t, // 分享标题
			desc: s, // 分享描述
			link: u, // 分享链接
			imgUrl: i, // 分享图标
			success: function() {
				// 用户确认分享后执行的回调函数
			},
			cancel: function() {
				// 用户取消分享后执行的回调函数
			}
		});

		wx.onMenuShareWeibo({
			title: t, // 分享标题
			desc: s, // 分享描述
			link: u, // 分享链接
			imgUrl: i, // 分享图标
			success: function() {
				// 用户确认分享后执行的回调函数
			},
			cancel: function() {
				// 用户取消分享后执行的回调函数
			}
		});

		wx.onMenuShareQZone({
			title: t, // 分享标题
			desc: s, // 分享描述
			link: u, // 分享链接
			imgUrl: i, // 分享图标
			success: function() {
				// 用户确认分享后执行的回调函数
			},
			cancel: function() {
				// 用户取消分享后执行的回调函数
			}
		});

	}
}
ZJWX(ApiList, CallbackList, false);
	

var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?a5ce8b87200e9fb7efc6e90c3dd29741";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();


	
	
</script>

</html>
